<template>
    <div>
        <mt-header fixed title="图文详情">
            <router-link to="/photos/0" slot="left">
                <mt-button icon="back">返回</mt-button>
            </router-link>
        </mt-header>
        <div class="content">
            <vue-preview :slides="slider" class="thumbImg">

            </vue-preview>

            <Comment/>
        </div>
    </div>
</template>

<script>
    import Comment from '../components/comment'

    export default {
        name: "photodetail",
        data() {
            return {
                slider : [
                    {src:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1554483913942&di=e4f49df35a4bd72519ed842321703b73&imgtype=0&src=http%3A%2F%2Fpic4.nipic.com%2F20090916%2F1931052_115524081623_2.jpg'},
                    {src:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1554483913938&di=bb5ae1649e507aa7600604f29e824503&imgtype=0&src=http%3A%2F%2Fimg6.ph.126.net%2FHKEJoJKpFjU3AqBr6HrTlg%3D%3D%2F41095346617377796.jpg'}
                ]
            }
        },
        components: {
            Comment
        },
        created() {
            var getImageInfo = () => {
                return this.$axios.get('')
            }
            var getThumImages = () => {
                return this.$axios.get('')
            }
            this.$axios.all([getImageInfo, getThumImages])
                .then(this.$axios.spread((result1, result2) => {

                }));

            this.slider.forEach((item,index)=>{
                item.msrc = item.src;
                item.w = 600;
                item.h = 600;
            })
        }
    }
</script>

<style scoped>
    .thumbImg {
        margin-top: 20px;

    }
</style>
